<!DOCTYPE html>
<html>
<head>
	<title>vue 开发波纹点击特效组件</title>
	<meta charset="utf-8">
</head>
<body>
	<!--
		开发之前的思考
		常见的波纹点击效果的实现方式是监听元素的 mousedown 事件，在元素内部创建一个 波纹元素 ，并调整元素的 transform: scale(0); 到 transform: scale(1);, 通过计算点击的位置来设置 波纹元素 的大小和位置，以达到波纹扩散的效果。
		我将组件分为两个部分， circleRipple.vue 和 TouchRipple.vue 各自实现不同的功能
		circleRipple.vue 波纹扩散组件，完成波纹扩散的效果
		TouchRipple.vue 监听 mouse 和 touch 相关事件，控制 circleRipple 的显示，位置。
	-->
</body>
</html>